<app-content-header></app-content-header>

<nz-spin [nzSpinning]="!detail"></nz-spin>

<ng-container *ngIf="detail">
  <app-charge-back-detail-comb [detail]="detail"></app-charge-back-detail-comb>
  <app-charge-back-origin-trade-info [trade]="detail.origTrans"></app-charge-back-origin-trade-info>
  <ng-container *ngIf="detail.processFlag === EChargeBackStatus.Todo">

    <ng-container *ngIf="detail.transCode === EChargeBackTransCode.RTV">
      <app-chargeback-retrival-operate [disputeNum]="detail.disputeNum" [transCode]="detail.transCode"></app-chargeback-retrival-operate>
    </ng-container>

    <ng-container *ngIf="detail.transCode === EChargeBackTransCode.FCB">
      <app-chargeback-chargeback-operate [chargeBackDetail]="detail" [transCode]="detail.transCode"></app-chargeback-chargeback-operate>
    </ng-container>

    <ng-container *ngIf="detail.transCode === EChargeBackTransCode.SCB">
      <app-second-chargeback-operate [chargeBackDetail]="detail" [disputeNum]="detail.disputeNum" [transCode]="detail.transCode"></app-second-chargeback-operate>
    </ng-container>

    <ng-container *ngIf="detail.transCode === EChargeBackTransCode.REJ">
      <app-chargeback-retrival-operate
        [disputeNum]="detail.disputeNum"
        [isReject]="true"
      ></app-chargeback-retrival-operate>
    </ng-container>
  </ng-container>
</ng-container>